.m-decoration{
    .m-info{
      display: flex;
      padding: 40px;
      border-bottom: 1px solid #dddddd;
      .u-imgcon{
        width:140px;
        height:140px;
        border-radius: 8px ;
        overflow: hidden;
        border: 1px solid #DDDDDD;
        img{
          width: 100%;
        }
      }
      .info-right{
        margin-left: 50px;
        .s-icon{
          width: 22px;
          height: 22px;
          &.s-icon-step1 {
            background-position: 0px -85px;
          }
        }
        h1{
          font-size: 30px;
          margin-bottom: 25px;
        }
        p{
          color: #666666;
          height: 60px;
        }
        .renzheng{
          display: flex;
          .item{
            display: flex;
            align-items: center;
            margin-right: 30px;
            i{
              margin-right: 10px;
            }
          }
        }
      }
    }
    .m-item{
      margin: 30px 25px 0;
      box-shadow: 0 0 1px rgba(187,187,187,0.5);
      border-radius: 10px;
      .m-title{
        padding: 20px 25px;
        border-bottom: 1px solid #D8D8D8;
        h1{
          font-size: 26px;
          border-left: 8px solid #1BBC9B;
          padding-left: 12px;
        }
      }
      .m-shop-entrance{
        padding: 36px 25px 54px;
        table{
          border-collapse: collapse;
          td{
            height: 90px;
            border-bottom: 1px solid #DDDDDD;
          }
          .s-icon{
            width: 30px;
            height: 30px;
            margin-right: 24px;
            margin-top: 5px;
            &.s-icon-step1 {
              background-position: 0px -150px;
            }
            &.s-icon-step2 {
              background-position: -40px -150px;
            }
            &.s-icon-step3 {
              background-position: -80px -150px;
            }
            &.s-icon-step4 {
              background-position: -120px -150px;
            }
          }

          .ming{
            width: 220px;
            font-size: 20px;
            color: #333333;
          }
          .jieshao{
            width: 648px;
            color: #666666;
          }
          .check{
            display: flex;
            justify-content: center;
            width: 78px;
          }
        }
      }
      .m-entrance{
        padding: 36px 25px 54px;
        table{
          border: 1px solid #DDDDDD;
          border-collapse: collapse;
          td{
            height: 90px;
            border-top: 1px solid #DDDDDD;
            border-bottom: 1px solid #DDDDDD;
          }
          .ming{
            width: 70px;
            margin-left: 30px;
            font-size: 20px;
            color: #333333;
          }
          .jieshao{
            width: 648px;
            color: #666666;
          }
          .check{
            display: flex;
            justify-content: center;
            width: 78px;
          }
        }
      }
      .m-style{
        .m-color{
          padding: 30px 25px;
          display: flex;
          .theme-img{
            margin-right: 40px;
            .img{
              width: 384px;
              height: 320px;
              display: flex;
              align-items: center;
              overflow: hidden;
              img{
                width: 100%;
              }
            }

          }
          .choice-color{
            h3{
              font-size: 20px;
              color: #333333;
              margin-bottom: 40px;
            }
            .color-list{

              margin-bottom: 75px;
              .color-item{
                cursor: pointer;
                padding: 4px;
                border: 1px solid white;
                margin-right: 10px;
                margin-bottom: 30px;
              }
              .item-on{
                border: 1px solid #1BBC9B;
              }
            }
            .button{
              display: flex;
              justify-content: flex-end;
              padding-right: 50px;
            }
          }
        }
        .u-item{
          display: flex;
          justify-content: space-between;
          padding: 20px 25px;
          border-top: 1px solid #D8D8D8;
          .item-left{
            display: flex;
            .logo{
              position: relative;
              width: 140px;
              height: 140px;
              border: 1px solid #DDDDDD;
              overflow: hidden;
              display: flex;
              align-items: center;
              margin-right: 30px;
              .label{
                position: absolute;
                top: 0;
                right: 0;
                width:70px;
                height:26px;
                background-color: #1BBC9B;
                color: white;
                font-size: 14px;
                text-align: center;
                line-height: 26px;
              }
              img{
                width: 100%;
              }
            }
            .text{
              strong{
                display: inline-block;
                font-size: 18px;
                margin-bottom: 20px;
              }
              .kaitong{
                margin-right: 26px;
              }
              .yunfufei{
                margin-right: 12px;
              }
              p{
                margin-top: 18px;
                font-size: 14px;
                color: #797979;
              }
            }
          }
        }
      }
    }

}
.button-solid{
  padding: 6px 18px;
  border: 0;
  color: white;
  background-color: #1BBC9B;
  border-radius: 2px;
  cursor: pointer;
}
.button-hollow{
  padding: 6px 12px;
  color: #47C8AD;
  background-color: white;
  border: 0;
  border-radius: 2px;
  border: 1px solid #47C8AD;
  cursor: pointer;
}
.switch {
  display: flex;
  flex-direction: column;
  align-items: center;
  input[type=checkbox], .mui-switch {
  width: 56px;
  height: 26px;
  position: relative;
  background-color: #E7E5E5;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 20px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none; }
  .mui-switch:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
  .mui-switch:checked {
    border-color: #49C9AF;
    box-shadow: #49C9AF 0 0 0 16px inset;
    background-color: #49C9AF; }
    .mui-switch:checked:before {
      left: 30px; }
  .mui-switch.mui-switch-animbg {
    transition: background-color ease 0.4s; }
    .mui-switch.mui-switch-animbg:before {
      transition: left 0.3s; }
}
